<template>
  <Content id="dashboard">
    <img class="logo" src="@/assets/quhai.png" alt="logo">
    <h1 class="name">趣嗨系统后台管理</h1>
    <h3>iView UI 组件库
      <a href="https://www.iviewui.com/docs/guide/install" target="_blank">https://www.iviewui.com/docs/guide/install</a>
    </h3>
    <h3>集成方案仓库地址
      <a href="https://github.com/ldy505755/vue-admin-blocks.git" target="_blank">https://github.com/ldy505755/vue-admin-blocks.git</a>
    </h3>
  </Content>
</template>
<script>
    export default {
        name: "Dashboard",
        data: () => ({
            msg: "企业级中后台集成方案"
        })
    };
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="postcss" scoped>
  #dashboard {
    text-align: center;
  & h1 {
      margin-bottom: 10px;
      font-size: 20px;
    }
  & h3 {
      margin: 20px 0;
      font-weight: 400;
  & a {
      color: #51b883;
    }
  }
  & .logo {
      border-radius: 50%;
      width: 100px;
    }
  }
</style>
